<template>
    <div class="container">
        <div class="box">
            <button type="button" @click="closemessage" class="el-message-box__headerbtn"><i class="el-message-box__close el-icon-close"></i></button>
            <div class="box-mess" v-html="message"></div>
        </div>
    </div>
</template>
<script>
export default {
  data(){
    return{
      message:''
    }
   },
  created(){
    var self=this
    this.$axios.post("/device/agreement/searchOne",{}).then(function (res) {
         //let data=res.data.data[0].content.substring(1,res.data.data[0].content.length)
       self. message=res.data.data[0].content
	})
  },
  methods:{
      closemessage(){
        this.$emit("closemessage")
      },
      
  }
}
</script>
<style scoped>
    .container{
        height: 100%;
        width:100%;
        position: absolute;
        top:0;
        left:0;
        background: rgba(27, 27, 29, 0.31);
        z-index: 1000;
    }
    .box{
        margin:100px auto;
        width: 1000px; 
        padding-bottom: 10px;
        vertical-align: middle;
        background-color: #fff;
        border-radius: 4px;
        border: 1px solid #ebeef5;
        font-size: 18px;
        position: relative;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        text-align: left;
        overflow: hidden;
        height:600px;
        backface-visibility: hidden
    }
    .box-mess{
        padding-top:70px;
        padding-left:30px;
        padding-right: 30px;
        width:940px;
        height: 500px;
        overflow: auto;
    }
</style>

